body{
  height: 800px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#app{
  border: 1px solid;
  width: 520px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
}
.top{
  width: 450px;
  display: flex;
  flex-direction: column;
  align-items: start;
}
textarea{
  width: 439px; height: 170px;
  margin-top: 5px;
}
.middle{
  font-size: 15px;
  color:dimgray;
  position: relative;
}
.bottom{
  border: 1px solid;
  width: 450px;
  display: flex;
  justify-content: space-between;
  margin: 5px;
}
.img{
  width: 50px;
  height: 50px;
  background-image:url(./img.webp);
  background-size: 50px 50px;
}
.time{
  font-size: 10px;
  color:dimgray;
}
.speak{
  position: relative;
  left: -83px;
}
.cheat{
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 5px;
}